<template>
<div>
  <div>
    <img src="/static/pexels-photo-1337380.png" style="width: 1898px; height: 300px;" >
    </div>
    <div>
  <el-row>
    <el-col :span="6" v-for="(o, index) in listdate" :key="o" :offset="index > 0 ? 1 : 0">
      <el-card :body-style="{ padding: '10px' }">
        <img src="o.serveImg" class="image">
        <div style="padding: 14px;">
          <span>{{o.serveName}}</span><br>
          <span>{{o.serveIntroduce}}</span>
          <span>{{o.serveSeckill}}</span>
          <span>{{o.servePrice}}</span>
          <span>{{o.serveValidity}}</span>
          <div class="bottom clearfix">
            
            <el-button type="text" class="button" @click="aa(o.id)">添加秒杀</el-button>
          </div>
        </div>
      </el-card>
    </el-col>
  </el-row>
    </div>
    </div>
</template>
<script>
  export default{
      data(){
         return{
          listdate:[{}]
         }
      },
      created(){
        this.$axios("https://localhost:44331/api/ServeInfo/Show").then(s=>{
          this.listdate=s.data
        })
      },
      
    
  }
</script>
